<!--
  copyright (c) 2009 Google inc.

  You are free to copy and use this sample.
  License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps API Sample</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key={{ key }}" type="text/javascript"></script>
    <script type="text/javascript">

    {{ INSERT_JAVASCRIPT_HERE }}

    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()" style="font-family: Arial;border: 0 none;">
    <!-- Creates a simple input box where you can enter an address
         and a Search button that submits the form. //-->
    <form action="#" onsubmit="showLocation(); return false;">
      <p>
        <b>Search for an address:</b>
        <input type="text" name="q" value="" class="address_input" size="40" />
        <input type="submit" name="find" value="Search" />

      </p>
    </form>
    <div id="map_canvas" style="width: 500px; height: 300px"></div>

    <!-- Sample addresses //-->
    <p>
      <b>Try these:</b><br />

      <a href="javascript:void(0)"
      onclick="findLocation('1600 amphitheatre mountain view ca');return false;">1600
      amphitheatre mountain view ca</a><br />

      <a href="javascript:void(0)"
      onclick="findLocation('1 Telegraph Hill Blvd, San Francisco, CA, USA');return false;">1
      Telegraph Hill Blvd, San Francisco, CA, <b>USA</b></a><br />

      <a href="javascript:void(0)"
      onclick="findLocation('4141 Avenue Pierre-De-Coubertin, Montr&#x00E9;al, QC, Canada');return false;">4144
      Avenue Pierre-De-Coubertin, Montr&#x00E9;al, <b>Canada</b></a><br />

      <a href="javascript:void(0)"
      onclick="findLocation('Champ de Mars 75007 Paris, France');return false;">Champ
      de Mars 75007 Paris, <b>France</b></a><br />

      <a href="javascript:void(0)"
      onclick="findLocation('Piazza del Colosseo, Roma, Italia');return false;">Piazza
      del Colosseo, Roma, <b>Italia</b></a><br />

      <a href="javascript:void(0)"
      onclick="findLocation('Domkloster 3,  50667 K&#x00F6;ln, Deutschland');return false;">Domkloster
      3,  50667 K&#x00F6;ln, <b>Deutschland</b></a><br />

      <a href="javascript:void(0)"
      onclick="findLocation('Plaza de la Virgen de los Reyes, 41920, Sevilla, Espa&#x00F1;a');return false;">Plaza
      de la Virgen de los Reyes, 41920, Sevilla, <b>Espa&#x00F1;a</b></a><br />

      <a href="javascript:void(0)"
      onclick="findLocation('123 Main St, Googleville');return false;">
      123 Main St, <b>Googleville</b></a>

    </p>
  </body>
</html>